*{-moz-box-sizing:border-box;box-sizing:border-box;}
#wrapper{height:100%;}
html,body{position:relative;height:100%;-webkit-tap-highlight-color: transparent;}
body{padding:0px ;margin:0;font-size:12px;background:#ffffff;position:relative;overflow-x:hidden;font-family:"Microsoft YaHei";}
a,p,dl,dt,dd,ul,li,h2,h1,h3,h4,h5,h6,table,tr,td,form,iframe,font,em,i{/*font-family:"Microsoft YaHei";*/font-size:12px;font-weight:normal;word-break: normal;word-wrap: break-word;font-style:normal;padding:0px ;margin:0;text-decoration:none;outline:none;-moz-outline:none;font-family:"Microsoft YaHei", sans-self;text-align:justify;word-break: break-all;}
a:focus{outline-style:none;-moz-outline-style: none;}
a:hover{text-decoration:none;}
p{word-break: normal;word-wrap: break-word;}
img{border:none;max-width:100%;}
li{list-style:none;text-decoration:none;}
input{outline: none;text-decoration:none;-ms-outline:none;}
textarea{outline: none;text-decoration:none;}
select{outline: none;text-decoration:none;}
/*input:focus{border:1px solid #9c9f58;}*/select:focus{border:none;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{zoom:1;}
a{text-decoration:none;}
button{margin:0;padding:0;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none;border-radius:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;cursor:pointer}
html::-webkit-scrollbar-track{background-color: #1b1b1b;}
html::-webkit-scrollbar{width: 6px;background-color:#1b1b1b;}
html::-webkit-scrollbar-thumb{background-color: #71a7d4;border: 6px solid #71a7d4;}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1230px;}}
a:hover,a:focus,a:link,a:visited,a:active{text-decoration: none;}
.wbk::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #fff;}
.wbk:-moz-placeholder, textarea:-moz-placeholder{color: #fff;}
.wbk::-moz-placeholder, textarea::-moz-placeholder{color: #fff;}
.wbk:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #fff;}
@keyframes shake1{0%, 100%{-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
10%, 30%, 50%, 70%, 90%{-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}
20%, 40%, 60%, 80%{-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}}
@-webkit-keyframes spin{from{-webkit-transform: rotate(0deg);}
to{-webkit-transform: rotate(360deg);}} @keyframes spin{from{transform: rotate(0deg);}
to{transform: rotate(360deg);}} @keyframes whirl{from{transform: rotate(0deg);}
to{transform: rotate(360deg);}}

.section{ width:100%; height:100%; position:relative; overflow:hidden;}
.logo{ float:left; position:relative;}
.logo img{ display:block;/* max-width:100%;*/ height:60px;}
.linn{ display:block; max-width:100%; opacity:1;}
.linm{ position:absolute; left:0; top:0; opacity:0;}


.nin{ float:right; padding-top:20px; display:none;}
.nin_l{ float:left; position:relative; margin-top:5px; margin-right:17px;}
.header .nin_l .ing{opacity:1;transition: all 1s ease;}
.header .nin_l .ing1{opacity:0; position:absolute; left:0; top:0;transition: all 1s ease;}
.nin_c{ float:left; width:76px; height:25px; border-bottom:1px solid #fff;transition: all 1s ease; margin-right:70px;}
.select{background: transparent; border:none; color:#b2b2b2; font-size:14px;-webkit-appearance: none;-moz-appearance: none; width:100%; height:25px; background:url(../images/bg2.png) no-repeat right center; color:#fff; font-size:14px; cursor:pointer; line-height:25px;font-family: "PINGFANG MEDIUM"; text-transform:capitalize;transition: all 1s ease;}
.select option{ color:#000;}
.nin_r{ position:relative; float:right; cursor:pointer;}
.iuy{ opacity:1;transition: all 1s ease;}
.iuy1{ opacity:0;transition: all 1s ease; position:absolute; left:0; top:0;}


.header.on1 .nin_l .ing1{ opacity:0;}
.header.on1 .nin_l .ing1{ opacity:1; position:absolute; left:0; top:0;transition: all 1s ease;}
.header.on1 .select{ background:url(../images/bg3.png) no-repeat right center; color:#1a4699;}
.header.on1 .nin_c{ border-bottom:1px solid #1a4699;}
.header.on1 .iuy{opacity:0;}
.header.on1 .iuy1{opacity:1;}

.header.on2 .logo .linn{ opacity:0;}
.header.on2 .logo .linm{ opacity:1; position:absolute; left:0; top:0;transition: all 1s ease;}
.header.on2 .nin_l .ing1{ opacity:0;}
.header.on2 .nin_l .ing1{ opacity:1; position:absolute; left:0; top:0;transition: all 1s ease;}
.header.on2 .select{ background:url(../images/bg3.png) no-repeat right center; color:#1a4699;}
.header.on2 .nin_c{ border-bottom:1px solid #1a4699;}
.header.on2 .iuy{opacity:0;}
.header.on2 .iuy1{opacity:1;}

.tc_box{ width:220px; height:100%; position:fixed; right:0; top:0; background:#fff; z-index:999999999999; padding:50px 0 10px 23px; display:none;
-webkit-animation: zifadeInRight 0.8s ease 0.2s both;
-ms-animation: zifadeInRight 0.8s ease 0.2s both;
-moz-animation: zifadeInRight 0.8s ease 0.2s both;
-o-animation: zifadeInRight 0.8s ease 0.2s both;
animation: zifadeInRight 0.8s ease 0.2s both;}
.gonn{ text-align:right; padding-right:30px; margin-bottom:45px; cursor:pointer;}
.doni{ height:auto; overflow:hidden;}
.doni li{ line-height:24px; margin-bottom:30px;}
.doni li a{ display:block; background:url(../images/bg.jpg) no-repeat left 12px; padding-left:23px; color:#333333; font-size:16px;}
.doni li a i{ display:block; color:#999999; font-family: "OPENSANS-ITALIC"; font-size:15px; margin-top:5px; letter-spacing:-0.6px;}
@media(max-width:1024px){
	.nin{ display:block;}

.section{ width:100%; height:auto; position:relative; overflow:auto;}
.header.on1 .nin_l .ing1{ opacity:1;}
.header.on1 .nin_l .ing1{ opacity:0; position:absolute; left:0; top:0;transition: all 1s ease;}
.header.on1 .select{ background:url(../images/bg2.png) no-repeat right center; color:#fff;}
.header.on1 .nin_c{ border-bottom:1px solid #fff;}
.header.on1 .iuy{opacity:1;}
.header.on1 .iuy1{opacity:0;}

.header.on2 .logo .linn{ opacity:1;}
.header.on2 .logo .linm{ opacity:0; position:absolute; left:0; top:0;transition: all 1s ease;}
.header.on2 .nin_l .ing1{ opacity:1;}
.header.on2 .nin_l .ing1{ opacity:0; position:absolute; left:0; top:0;transition: all 1s ease;}
.header.on2 .select{ background:url(../images/bg2.png) no-repeat right center; color:#fff;}
.header.on2 .nin_c{ border-bottom:1px solid #fff;}
.header.on2 .iuy{opacity:1;}
.header.on2 .iuy1{opacity:0;}
}
@media(max-width:414px){
.nin_c{ float:left; width:76px; height:25px; border-bottom:1px solid #fff;transition: all 1s ease; margin-right:20px;}
.tc_box{ width:220px; height:100%; position:fixed; right:0; top:0; background:#fff; z-index:9999999; padding:20px 0 10px 10px; display:none;}
.doni li{ line-height:24px; margin-bottom:10px;}
.doni li a{ display:block; background:url(../images/bg.jpg) no-repeat left 12px; padding-left:23px; color:#333333; font-size:16px;}
.doni li a i{ display:block; color:#999999; font-family: "OPENSANS-ITALIC"; font-size:14px; margin-top:5px; letter-spacing:-0.6px;}
.gonn{ text-align:right; padding-right:30px; margin-bottom:25px;}	
.logo img{ display:block;/* max-width:70%;*/}
.nin{ float:right; padding-top:15px;}
}

.footer{ clear:both; width:100%; height:auto; background:#fff; overflow:hidden; padding:30px 30px;}
.fotter_t{ text-align:center; color:#cccccc; margin-bottom:20px;}
.fotter_t p{ line-height:24px; text-align:center;}
.fotter_t p em{ color:#ccc; margin:0 30px;}
.fotter_t p a{ color:#333333; font-size:14px;}
.fotter_t p a:hover{ color:#ce0000;}
.fotter_b{ line-height:24px; text-align:center; clear:both;}
.fotter_b p{ color:#333333; font-size:14px; text-align:center;}
.fotter_b p a{ color:#333333; font-size:14px;}
.fotter_b p em{ display:inline-block; width:10px;}
@media(max-width:768px){
.fotter_t p em{ color:#ccc; margin:0 20px;}
}
@media(max-width:414px){
.footer{ clear:both; width:100%; height:auto; background:#fff; overflow:hidden; padding:30px 15px;}
.fotter_t p em{ color:#ccc; margin:0 20px; display:none;}
.fotter_t p a{ color:#333333; font-size:14px; display:block; width:33.33%; text-align:center; float:left;}
.fotter_t{ text-align:center; color:#cccccc; margin-bottom:20px; overflow:hidden;}
}